<div>
    <div class="row margin-top-lg">
        <div class="col-md-1 padding-r-0">
            <div class=" border-radius ">
                <div class="margin-xs-r  treeview ">
                    <ul class="list-group text-center border-radius">
                        <li class="list-group-item node-orgTree " v-for="(item,index) in workDetailTaskItemInfo.tasks"
                            :key="index" @click="swatchTaskItemTaskId(item)"
                            :class="{'vc-node-selected':workDetailTaskItemInfo.taskId == item.taskId}">
                            <div>{{item.staffName}}</div>
                            <div>({{vc.dateFormat(item.startTime)}} ~ {{vc.dateFormat(item.endTime)}})</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-11">
            <div class="margin-top">
                <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                    <thead>
                        <tr>
                            <th class="text-left">
                                <vc:i18n name="工作内容" namespace="workDetailTaskItem"></vc:i18n>
                            </th>
                            <th data-hide="phone" class="text-center">
                                <vc:i18n name="完成时间" namespace="workDetailTaskItem"></vc:i18n>
                            </th>
                            <th data-hide="phone" class="text-center">
                                <vc:i18n name="状态" namespace="workDetailTaskItem"></vc:i18n>
                            </th>
                            <th data-hide="phone" class="text-center">
                                <vc:i18n name="说明" namespace="workDetailTaskItem"></vc:i18n>
                            </th>
                            <th data-hide="phone" class="text-center">
                                <vc:i18n name="附件" namespace="workDetailTaskItem"></vc:i18n>
                            </th>
                            <th data-hide="phone" class="text-center">
                                <vc:i18n name="评分" namespace="workDetailTaskItem"></vc:i18n>
                            </th>
                            <th data-hide="phone" class="text-center">
                                <vc:i18n name="扣款金额" namespace="workDetailTaskItem"></vc:i18n>
                            </th>
                            <th data-hide="phone" class="text-center">
                                <vc:i18n name="扣款原因" namespace="workDetailTaskItem"></vc:i18n>
                            </th>
                            <th data-hide="phone" class="text-center">
                                <vc:i18n name="扣款人" namespace="workDetailTaskItem"></vc:i18n>
                            </th>
                            <th data-hide="phone" class="text-center">
                                <vc:i18n name="创建时间" namespace="workDetailTaskItem"></vc:i18n>
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr v-for="item in workDetailTaskItemInfo.items">
                            <td class="text-left" style="width: 400px;">
                                <div>
                                    {{item.content}}
                                </div>
                            </td>
                            <td class="text-center">
                                {{item.finishTime}}
                            </td>
                            <td class="text-center">
                                <span v-if="item.state == 'CC'">抄送人已办理</span>
                                <span v-else-if="item.state == 'C'">处理人已办理</span>
                                <span v-else>待处理</span>
                            </td>
                            <td class="text-center">
                                {{item.remark}}
                            </td>
                            <td class="text-center">
                                <div v-if="item.pathUrls" v-for="(url,index) in item.pathUrls">
                                    <div v-if="url.endsWith('jpg') || url.endsWith('png')">
                                        <img style="width: 60px; height: 60px;" class="border-radius" v-bind:src="url"
                                            v-on:click="_viewTaskFileImg(url)" />
                                    </div>
                                    <div v-else>
                                        <a :href="url" target="_blank">下载</a>
                                    </div>
                                </div>
                                <div v-else> - </div>
                            </td>
                            <td class="text-center">
                                {{item.score}}
                            </td>
                            <td class="text-center">
                                {{item.deductionMoney}}
                            </td>
                            <td class="text-center">
                                {{item.deductionReason || '-'}}
                            </td>
                            <td class="text-center">
                                {{item.deductionPersonName || '-'}}
                            </td>
                            <td class="text-center">
                                {{item.createTime}}
                            </td>

                        </tr>
                    </tbody>
                </table>
                <!-- 分页 -->
                <div class="text-right">
                    <vc:create namespace="workDetailTaskItem" path="frame/paginationPlus"></vc:create>
                </div>
            </div>
        </div>
    </div>
</div>